/**
 * Social.
 *
 * Defines the social links region
 *
 * Markup: social.hbs
 *
 * Style guide regions.social
 */
.social {
    background: $color-white;
    border-bottom: 0.5vh solid $color-tabname;
    display: flex;
    width: 100%;
    &-list {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        padding: 0;
        height: 100%;
        width: 15vh;
    }
    &-item {
        align-items: center;
        display: flex;
        flex-basis: 5rem;
        height: 100%;
        justify-content: center;
        list-style-type: none;
        text-align: center;
        &--link {
            color: $color-white;
        }
    }
    &-icon {
        font-size: 2rem;
    }
}
